<nz-row>
  <span class="condition">
  <span>品牌:</span>
  <nz-radio-group [(ngModel)]="condition.version" (ngModelChange)="queryPrice()">
    <label nz-radio-button nzValue="china"><span>国行</span></label>
    <label nz-radio-button nzValue="foreign"><span>外版</span></label>
  </nz-radio-group>
</span>
  <span class="condition">
  <span>报价:</span>
  <nz-radio-group [(ngModel)]="condition.priceType" (ngModelChange)="queryPrice()">
    <label nz-radio-button nzValue="recycle"><span>回收价</span></label>
    <!--    <label nz-radio-button nzValue="market"><span>销售价</span></label>-->
  </nz-radio-group>
</span>
</nz-row>
<nz-row>
  <nz-table #colSpanTable [nzData]="levelAbout" nzBordered nzShowPagination="false" style="width: 100%">
    <tbody>
    <tr *ngFor="let data of colSpanTable.data;let index=index">
      <td nzAlign="center" rowspan="5" *ngIf="index===0">成色说明</td>
      <td nzAlign="center">{{ data['level'] }}</td>
      <td nzAlign="left">{{ data['remark'] }}</td>
    </tr>
    </tbody>
  </nz-table>
</nz-row>
<nz-row style="margin-top: 24px" *ngIf="loading">
  <nz-spin nzDelay="100" nzSize="large" style="margin: 0 auto"></nz-spin>
</nz-row>
<!--表格-->
<nz-table #colSpanTable *ngFor="let tableItem of table" [nzData]="tableItem['list']" nzBordered nzShowPagination="false"
          [nzPageSize]="999"
          style="margin-bottom: 8px;min-width: 1200px">
  <thead>
  <tr>
    <th nzAlign="center" colspan="15">{{tableItem.title}}</th>
  </tr>
  <tr>
    <th nzAlign="center" rowspan="2">型号</th>
    <th nzAlign="center" rowspan="2">规格</th>
    <th nzAlign="center" colspan="2">充新</th>
    <th nzAlign="center" colspan="2">靓机</th>
    <th nzAlign="center" colspan="2">小花</th>
    <th nzAlign="center" colspan="2">中花</th>
    <th nzAlign="center" colspan="2">大花</th>
    <th nzAlign="center" colspan="2">爆屏</th>
    <th nzAlign="center" rowspan="2">备注</th>
  </tr>
  <tr>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
    <th nzAlign="center">爱思</th>
    <th nzAlign="center">收收</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of colSpanTable.data; index as i">
    <td nzAlign="center" [attr.rowspan]="data.length" *ngIf="data.length">{{ data.minTitle }}</td>
    <td nzAlign="center">{{ data['specification'] }}</td>
    <td nzAlign="center">{{ data['chongxin']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['chongxin']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['chongxin']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['chongxin']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center">{{ data['liangji']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['liangji']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['liangji']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['liangji']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center">{{ data['xiaohua']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['xiaohua']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['xiaohua']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['xiaohua']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center">{{ data['zhonghua']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['zhonghua']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['zhonghua']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['zhonghua']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center">{{ data['dahua']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['dahua']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['dahua']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['dahua']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center">{{ data['baoping']['aisi'] }}</td>
    <td nzAlign="center">
      <span>{{data['baoping']['shoushou'][0]}}</span>
      <span
        [ngStyle]="{color: data['baoping']['shoushou'][1]*1>0?'red':'yellowgreen'}">({{data['baoping']['shoushou'][1]}})</span>
    </td>
    <td nzAlign="center" [attr.rowspan]="data.length" *ngIf="data.length">{{ data.remark }}</td>
  </tr>
  </tbody>
</nz-table>
